<header class="header-index" id="js_main_nav">
    <div class="header-index-inner clearfix">
        <a href="${root}" class="header-index-logo" report-tdw="action=rainbow-logo-clk" title="心课堂_专业的在线心理教育平台"></a>
        <div class="header-index-category  header-index-category__show"
             report-hover="obj1=cates">
            <div class="header-index-category-text">
                <i class="icon-font i-list-index"></i>
                <a href="${root}course/" target="_blank" title="课程分类">课程分类</a>
            </div>
            <div class="index-cate">
                
<nav class="mod-nav">
    <ul class="mod-nav__list" jump-end="true">

        	<!--:for(c in cache.cates){  -->
            <li class="mod-nav__li ${cLP.index==1?'no-border':''} js-mod-category " data-index="${cLP.index}" data-id="1001" >
                <div class="mod-nav__wrap-nav-first">
                    <i class="icon-font i-v-right"></i>
                    <h3 class="mod-nav__link-nav-first"><a href="${root}course/?cid=${c.id}" class="mod-nav__link-nav-first-link" title="${c.name!}" target="_blank" jump-start="title_first_click" report-tdw="action=click&obj1=first_level&obj2=1001">${c.name!}</a></h3>
                </div>
                <div class="mod-nav__wrap-nav-hot hide">
                	<a href="${root}course/?cid=${c.id}&tag=培训" class="mod-nav__link-nav-hot" title="前端开发" jump-start="title_hotclassification" jump-through="1" target="_blank" report-tdw="action=click&obj1=hot_cates&obj2=2004">培训</a>
                	<a href="${root}course/?cid=${c.id}&tag=培训" class="mod-nav__link-nav-hot" title="Linux运维" jump-start="title_hotclassification" jump-through="2" target="_blank" report-tdw="action=click&obj1=hot_cates&obj2=3038">课程</a>
                    <a href="${root}course/?cid=${c.id}&tag=培训" class="mod-nav__link-nav-hot" title="Linux运维" jump-start="title_hotclassification" jump-through="3" target="_blank" report-tdw="action=click&obj1=hot_cates&obj2=3038">直播</a>
                </div>
            </li>
        	<!--:}  -->
        
    </ul>
    <div class="mod-nav__side">
    	<!--:for(c in cache.cates){  -->
        <div class="mod-nav__wrap-nav-side mod-nav__wrap-nav-side__adarea js-mod-category-side cates${cLP.index}">
            <ul class="mod-nav__side-list">
            	<!--:for(c1 in c.list){  -->
                <li class="mod-nav__side-li" >
                    <h4 class="mod-nav__link-nav-second"><a href="/course/?cid=${c1.id}" title="互联网产品" class="mod-nav__link-nav-second-link" target="_blank" report-tdw="action=click&obj1=second_level&obj2=2001" jump-start="title_second">${c1.name}</a></h4>
                    
                        <div class="mod-nav__wrap-nav-third">
                            	<!--:var ss=strutil.split(c1.tag,"、");  -->
                            	<!--:for(s in ss){  -->
                                <a href="/course/?key=${s!}" class="mod-nav__link-nav-third mod-nav__wrap-nav-third_line" title="习题" target="_blank" >
                                    	${s!}
                                    </a>
                                <!--:}  -->
                                
                            
                                
                            
                        </div>
                    

                </li>
				<!--:}  -->            
            </ul>
        </div>
    	<!--:}  -->
    </div>
</nav>
            </div>
        </div>
        <div class="header-index-search" id="js-searchbox">
        
            <div class="mod-search">
            	<form action="${root}search" method="get">
                <a  class="mod-search-dropdown">
                    <select id="search_type" name="type" class="form-control" style="width:48px; height: 37px;">
    <option value="course">课程</option>
    <option value="teacher">讲师</option>
    <option value="agency">机构</option>
</select>
                </a>
                <input type="text" id="keyword" name="key" maxlength="38" class="mod-search__input" placeholder="搜索课程" />
                <button id="js_search" class="mod-search__btn-search"><i class="icon-font i-search-bold"></i></button>
                </form>
            </div>
        </div>
        <!--
        <ul class="header-index-hot">
        
            <li><a href="https://ke.qq.com/course/130901" report-tdw="action=click&obj1=search_hotword&ver2=安卓开发" target="_blank" title="安卓开发">安卓开发</a></li>
        
            <li><a href="https://ke.qq.com/course/194507" report-tdw="action=click&obj1=search_hotword&ver2=axure" target="_blank" title="axure">axure</a></li>
        
        </ul>
        -->
        <div class="header-index-text">
            <!-- 登录相关组件 -->
            <div id="js-mod-header-login" class="mod-header__wrap-login mod-header__wrap-logined">

                
                <div class="mod-header_live-tip triangle">
                    <p></p>
                    <span class="btn-s btn-outline">我知道了</span>
                </div>
				
				
                <!--:if(isEmpty(session.user)){  -->
                <a href="login" class="mod-header__link-login js-login-op" style="display: block;" id="js_login" data-hook="login" rel="nofollow">登录</a>
            	<!--:}else if(session.user.agency_id>0){  -->
                <!-- 新版登录 机构 -->
                <div class="mod-header_wrap-user mod-header_wrap-user-org" id="js_logout_outer_agency" style="display: block;">
                    <p class="mod-header__user-name"><a href="${root}manage/" class="mod-header__user-operation" rel="nofollow" report-tdw="action=click&obj1=institutional_management">
                        <span class="mod-header__user-operation-title js-agency-op">机构管理</span>
                        <i class="icon-font i-v-bottom-small"></i></a>
                    </p>
                    <ul class="mod-header__user-operations">
                        <li class="mod-header__mailbox hide"><a href="/agency/mailbox/index.html#sid=msg" class="mod-header__user-operation" rel="nofollow">消息管理</a></li>
                        <li><a href="${root}users/" class="mod-header__user-operation js-course-plan" rel="nofollow" >个人中心</a></li>
                        <li><a href="${root}users/orders" class="mod-header__user-operation js-course-plan" rel="nofollow" report-tdw="action=click&obj1=class_schedule_ins">我的订单</a></li>
                        <li><a href="${root}users/logout" data-hook="logout" class="js_logout mod-header__link-logout js-login-op" report-tdw="action=click&obj1=exit_ins">退出</a></li>
                    </ul>
                </div>
				<!--:}else if(session.user.teacher_id>0){  -->
				<!-- 新版登录 独立讲师 -->
                <div class="mod-header_wrap-user mod-header_wrap-user-org" id="js_logout_outer_teacher">
                    <p class="mod-header__user-name"><a href="//ke.qq.com/agency/index/index.html" class="mod-header__user-operation" rel="nofollow" report-tdw="action=click&obj1=institutional_management">
                        <span class="mod-header__user-operation-title js-agency-op">机构管理</span>
                        <i class="icon-font i-v-bottom-small"></i></a>
                    </p>
                    <ul class="mod-header__user-operations">
                        <li class="mod-header__mailbox hide"><a href="/agency/mailbox/index.html#sid=msg" class="mod-header__user-operation" rel="nofollow">消息管理</a></li>
                        <li><a href="${root}users/" class="mod-header__user-operation js-course-plan" rel="nofollow" report-tdw="action=click&obj1=class_schedule_ins">课程表</a></li>
                        <li><a href="${root}users/logout" data-hook="logout" class="js_logout mod-header__link-logout js-login-op" report-tdw="action=click&obj1=exit_ins">退出</a></li>
                    </ul>
                </div>
                <!--:}else{  -->
                <!-- 新版登录 个人 -->
                <div class="mod-header_wrap-user" id="js_logout_outer" style="display: block;">
                    <p class="mod-header__user-name">
                        <a href="${root}users/" class="mod-header__user-operation" rel="nofollow">
                        <span class="mod-header__user-operation-title">个人中心</span>
                        <i class="icon-font i-v-bottom-small"></i>
                        </a>
                    </p>
                    <ul class="mod-header__user-operations">
                        <li><a href="/users/" class="mod-header__user-operation" rel="nofollow" report-tdw="action=click&obj1=class_schedule">课程表</a></li>
                        <li><a href="/users/orders" class="mod-header__user-operation js-signup" rel="nofollow">全部订单</a></li>
                        <li class="mod-header__mailbox hide"><a href="/agency/mailbox/index.html#sid=msg" class="mod-header__user-operation" rel="nofollow">消息管理</a></li>
                        <li><a href="/users/favorite" class="mod-header__user-operation js-fav" rel="nofollow">收藏</a></li>
                        <li><a href="/users/coupon" class="mod-header__user-operation js-coupon" rel="nofollow">优惠券</a></li>
                        <li class="js-et-course hide"><a href="/user/index/index.html#sid=et_course" class="mod-header__user-operation" rel="nofollow">企业培训课</a></li>
                        <li><a href="${root}users/logout" data-hook="logout" class="js_logout mod-header__link-logout js-login-op" report-tdw="action=click&obj1=exit_student">退出</a></li>
                    </ul>
                </div>
                <!--:}  -->
            </div>
            <div class="header-index-app" report-hover="obj1=APP_download">
                <div class="header-index-app-text">
                    <a href="${root}download/app.html" target="_blank" title="手机学习" id="js_app_download" report-tdw="action=APPdownload_code_click" >手机学习</a><i class="icon-font i-v-bottom-small"></i>
                </div>
                <div class="header-index-qcodes">
                    <span class="header-index-qcodes-app"></span>
                    <span class="header-index-qcodes-sep"></span>
                    <span class="header-index-qcodes-h5"></span>
                </div>
            </div>
            <div class="apply-entrance js-apply-entrance" >
            <p class="apply-tt">我要讲课<i class="icon-font i-v-bottom-small"></i></p>
                <ul class="apply-link-list">
                    <li><a href="${root}agency/apply" title="教育机构开课" target="_blank" report-tdw="action=click&obj1=lecture&obj2=1">教育机构开课</a></li>
                    <li><a href="${root}teacher/apply" title="个人老师开课" target="_blank" report-tdw="action=click&obj1=lecture&obj2=2">个人老师开课</a></li>
                </ul>
            </div>
            <style>#daohangdiv:hover{height: 250px;}</style>
            <div id="daohangdiv" class="apply-entrance js-apply-entrance" style="">
            <p class="apply-tt">导航<i class="icon-font i-v-bottom-small"></i></p>
                <ul class="apply-link-list">
                    <li><a href="${root}sale/" title="教育机构开课" target="_blank" >分销课程</a></li>
                    <li><a href="${root}faq" title="教育机构开课" target="_blank" >帮助</a></li>
                    <li><a href="http://m.iepsy.com" title="心社区" target="_blank" >手机版</a></li>
                    <li><a href="//www.chinesepsy.org" title="个人老师开课" target="_blank" >中科博爱</a></li>
                </ul>
            </div>
            
        </div>
    </div>
</header>
<script>
$(function(){
	 //分类导航
	 $(".js-mod-category").mouseenter(function() {
		 var data_index=$(this).attr("data-index");
			$(".js-mod-category-side").css("display","none")
			if($(".cates"+$(this).attr("data-index")).css("display")=="none")
				$(".cates"+$(this).attr("data-index")).css("display","block");
			else
				$(".cates"+$(this).attr("data-index")).css("display","none");
	 })
	 $(".js-mod-category").mouseleave(function() {
		 $(".cates"+$(this).attr("data-index")).css("display","none")
	 })
	 $(".js-mod-category-side").mouseenter(function(e){
					$(this).css("display","block")
		})
	 $(".js-mod-category-side").mouseleave(function(e){
					$(this).css("display","none")
	 })
	 $("#search_type").change(function(){
		 $("#keyword").attr("placeholder","搜索"+$(this).find("option:selected").text())
	 })
})
</script>